<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>https://developer.aliyun.com/article/939300</title>
	</head>
	<style>
		html,
		body {
			width: 100%;
			height: 100%;
			background-color: black;
			display: flex;
			justify-content: center;
			height: 100vh;
			align-items: center;
		}

		.trangle {
			width: 0px;
			height: 0px;
			border: 20px solid transparent;
			border-left: 40px solid #FF7E3C;
			filter: drop-shadow(4px 4px 4px #FE6E23);
		}

		.triangle {
			fill: #FE6E23;
			stroke: #fff;
			stroke-width: 20;
		}
	</style>
	<body>
		<div>
			<div class="trangle"></div>
			<div>
				<svg width="250" height="250" viewBox="-50 -50 300 300">
					<polygon class="triangle" stroke-linejoin="round" points="100,0 0,200 200,200" />
				</svg>
			</div>
		</div>

	</body>
</html>
